<template>
  <div class="flex-cloumn fml-404 flex">
    <img src="../static/404.png" />
    <p class="fml-danger">Error <span>404</span> Page Not Found</p>
    <div class="fml-info">抱歉，您所请求的页面不存在,<el-button type="text" to="/">返回首页</el-button></div>
  </div>
</template>
<script lang="ts">
import Vue from 'vue'
export default Vue.extend({

})
</script>
<style lang="scss" scoped>
  .fml-404{
    position: fixed;
    top:0;
    bottom: 0;
    width: 100%;
    background:#f1f3f5;
    img{
      width:100px;

    }
  }
  .fml-danger{
    margin-top:10px;
    font-size:15px;
    font-weight: 600;
    color:$dangerColor;
    span{
      font-size:30px;
      text-shadow: 1px 12px 12px rgba(37, 25, 25,0.35)
    }
  }
</style>
